<template><div class="container">
	<div class="debug-warp"><slot></slot></div>
</div></template>
<script>
	export default {
		data() {
			return {

			}
		}
	}
</script>
<style scoped>
	.container {
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 10;
		left: 0px;
		display: flex;
		justify-content: center;
		pointer-events: none;
	}

	.debug-warp {
		padding: 10px;
		border-radius: 3px;
		background-color: rgba(0,0,0,0.8);
		color: #fff;
		pointer-events: none;
	}
</style>